/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:#FFFFFF;
	text-align:center;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		line-height:18px;
		color:#8b8b8b;
	}


input, select { vertical-align:middle; font-weight:normal;}

a {color:#87A7AB; outline:none;}
a:hover{text-decoration:none;}
p {padding-bottom:16px;}
p span {font-weight:bold; color:#777777;}

h1 {
	font-size:54px; 
	color:#4dbff1; 
	line-height:1.2em; 
	margin:-27px 0 0; 
	letter-spacing:-2px;}
h1 span {font-size:34px; line-height:1.2em; letter-spacing:-1px;}
h2 {
	font-size:24px; 
	color:#6a6a6a; 
	line-height:1.2em; 
	letter-spacing:-1px;
	padding:26px 0 10px;}
h3 {
	font-size:20px; 
	color:#4e4e4e; 
	line-height:1.2em; 
	letter-spacing:-1px;
	padding:13px 0 6px;
	margin:0 0 13px;
	border-bottom:4px solid #f4f4f4;}
h4 {
	font-size:22px; 
	color:#4e4e4e; 
	line-height:1.2em; 
	padding:13px 0 3px;
	margin:0 0 13px;
	border-bottom:4px solid #f4f4f4;
	font-weight:normal;}
h6 {font-size:13px; color:#6a6a6a; font-weight:normal; padding:12px 0 8px;}

.blue {color:#4dbff1;}
.pink {color:#db4894;}
.green {color:#48db4f;}
.grey {color:#434445;}
/* ============================= main layout ====================== */
#page1 #header,#page5 #header,#page9 #header {background:url(images/header_img1.jpg) no-repeat right bottom;}
#page2 #header,#page6 #header {background:url(images/header_img2.jpg) no-repeat right bottom;}
#page3 #header,#page7 #header {background:url(images/header_img3.jpg) no-repeat right bottom;}
#page4 #header,#page8 #header {background:url(images/header_img4.jpg) no-repeat right bottom;}

.imgindent {margin:2px 20px 0 0; float:left;}
.fright {text-align:right;}
/* ============================= header ====================== */
#header {position:relative; margin-right:3px;}
#header a {text-decoration:none; }
#header li,.menu li {display:inline; padding:0;}
.menu a,.menu li { font-size:16px;  color:#afafaf; line-height:1.2em; font-weight:normal;}
.menu a { margin:0 13px 0 8px; text-decoration:none;color:#494949;}
#header .menu a:hover {color:#db4894;}
.menu {padding:13px 0 85px;}
#header .menu a.active,#header .menu a.active:hover {color:#4dbff1; cursor:default;}

#header .right{background:url(images/menu_top_bg.gif) no-repeat top left; padding:3px 0 7px 4px; margin:-8px -1px 0 0;}
#header .right li a {color:#718690; font-size:13px; padding:0 11px 0 13px;}
#header .right li a:hover {color:#494949;}

.logo {padding:8px 0 21px 10px; border-bottom:1px solid #e4e4e4;}
.twitter {position:absolute; top:27px; right:10px;}

.slogan {
	padding-top: 11px;
	padding-right: 55px;
	padding-bottom: 0;
	padding-left: 55px;
}
.slogan p {padding:17px 0 40px; color:#777777; font-size:18px; line-height:1.2em;}
.slogan a {
	background:url(images/link_marker.jpg) no-repeat right center; 
	padding-right:8px; 
	color:#1c1c1c;
	font-weight:300; 
	font-style:italic;
	font-size:17px; line-height:1.2em;
	margin-left:2px;}
.slogan a:hover {color:#db4894;}
/* ============================= content ====================== */
#content ul {padding:0 8px 15px 0;}
#content li { background:url(images/marker.gif) no-repeat 0 7px; padding-left:10px; line-height:24px;}
#content li a {color:#777777;}

.banners p {line-height:23px; padding-bottom:28px;}
.banners img {padding-left:2px;}
#page5 .banners img {padding-bottom:13px;}

.links {padding:9px 0;}
.link {
	background:url(images/link_marker.jpg) no-repeat right 8px; 
	padding-right:6px; 
	color:#384145;
	font-weight:300; 
	font-style:italic;
	font-size:16px; line-height:1.2em;
	text-decoration:none;}
.link:hover {border-bottom:1px solid #384145;}
* html .link {	background:url(images/link_marker.jpg) no-repeat right center; }
*:first-child+html .link {	background:url(images/link_marker.jpg) no-repeat right center; }

.row2 {border-top:1px dotted #c1c1c1; margin:24px 0 33px;}
#page3 .row2 {margin:15px 0 8px; padding:18px 0 0;}
#page4 .row2 {margin:-16px 0 33px;}
#page4 .col1 .row2 {margin:13px 0 33px; padding:15px 0 0;}
#page6 .col2 .row2 {margin:13px 0 0; padding:17px 0 0;}
#page7 .row2 {margin:7px 0 35px;}

.block {
	background:url(images/col_bg.gif) no-repeat top center; 
	width:117px;
	padding:6px;
	float:left;}
.blocks  {padding:14px 0 0;}
.blocks .middle {margin:0 14px;}
* html .blocks .middle {margin:0 8px;}
.block p {padding:6px 10px; line-height:16px;}
.block p span {font-weight:bold;}

.block_type2 {background:#f6f6f6 url(images/type2_top.gif) no-repeat top center; margin:3px 0 16px;}
.block_type2_bottom {background:url(images/type2_bottom.gif) no-repeat bottom center; padding:5px 18px 5px 5px;}
.block_type2 .imgindent {margin:0 9px 0 0;}
.comments p {padding:7px 0; line-height:16px;}
.row1 h2 {padding:7px 0 13px;}

.portfolio  {padding:3px 0 16px;}
.portfolio p {padding-bottom:0; padding-top:22px;}
.portfolio .imgindent {
float:left;
margin:0 18px 22px 0;
}
.portfolio .col2 a.link {background:url(images/marker_prev.gif) no-repeat left center; padding-left:8px;}
/*phone*/
.phone {padding-right:21px;}
.phone span {font-weight:normal; color:#a7a7a7;}
.phone a { color:#777777;}
#content ul.pad {margin-top:-4px;}
.type3 {padding-left:19px;}
#content .type3 ul {padding:4px 0;}

.forum table {border-left:1px solid #555555; border-top:1px solid #555555; line-height:15px;}
.forum thead td {padding:5px 5px 10px; text-align:center;}
.forum td {border-right:1px solid #555555;border-bottom:1px solid #555555;}
.forum table a {color:#777777;}
.forum thead {color:#555555; font-size:11px ; font-family:Tahoma, Geneva, sans-serif;}
.forum .table_col { text-align:left; padding:0 0 0 28px;}

.table_col1 { padding: 18px 10px 12px 16px; width:190px; vertical-align:top;}
.table_col3 { padding: 18px 10px 12px 16px; width:171px; vertical-align:top;}
.table_col2 {width:55px; text-align:center;}
/* ============================= footer ====================== */
#footer {color:#a1a1a1; font-size:12px; border-top:1px solid #e4e4e4; line-height:19px;}
#footer span {color:#4f4f4f; margin-right:6px;}
#footer a {color:#a1a1a1; font-size:12px; text-decoration:underline;}
#footer .menu {padding:16px 0 9px;}
#footer .menu a{margin:0 15px 0 10px;}
#footer .menu .first a {margin-left:0;}
#footer p {line-height:16px;}


/* ============================= forms ============================= */
label {height:38px; display:block;}
#LoginForm {padding:5px 2px;}
#LoginForm input {
		color:#777777;
		line-height:15px;
		width:365px;
		padding:2px 5px 3px;
		margin:3px 0 0;
	}

#ContactForm label {height:33px; display:block;}
	#ContactForm { padding:10px 0 0 15px;}
#ContactForm input, #ContactForm textarea {
		width:365px;
		padding:2px 5px 3px;
		color:#777777;
		background:#fff;
		line-height:15px;
		height:15px;
	}
#ContactForm textarea {
		height:114px; overflow:auto; margin-bottom:9px;}
#ContactForm a {margin:0 3px 0 26px;}
